<template>
  <!-- 测试编写的自定义组件 -->
  <div style="background: #fff">
    我是一个为了测试其它组件的组件
    <XtxSkeleton />
    <XtxSkeleton width="80px" height="60px"/>
    <XtxSkeleton width="180px" height="200px" bg="pink"/>

    <!-- 测试轮播图组件 -->
    <XtxSlider :sliders="sliders" :time="1000" :isLoop="true"/>

    <!-- 测试查看更多组件 -->
    <XtxMore path="/login"/>
  </div>
</template>

<script>

export default {
  data () {
    return {
      sliders: [
        {
          hrefUrl: '/#/',
          id: '630000201807155635',
          imgUrl: 'http://zhoushugang.gitee.io/erabbit-client-pc-static/images/b1.jpg'
        },
        {
          hrefUrl: '/#/',
          id: '650000201207058528',
          imgUrl: 'http://zhoushugang.gitee.io/erabbit-client-pc-static/images/b2.jpg'
        }
      ]
    }
  }
}
</script>
